{% extends "base3-left.html" %}
{% load staticfiles %}

{% block css %}
<link rel="stylesheet" href="{% static 'plugins/datatables/jquery.dataTables.min.css' %}">
<link rel="stylesheet" href="{% static 'js/plugins/layer/skin/layer.css' %}">
<!-- iCheck for checkboxes and radio inputs -->
{% endblock %}

{% block content %}

<!-- Content Header (Page header) -->
<section class="content-header margin-bottom">
  <ol class="breadcrumb">
    <li><a href=""><i class="fa fa-dashboard"></i>评审系统</a></li>
    <li class="active"><a href="{{ menu.parent.parent.url }}">{{ menu.parent.parent.title }}</a></li>
    <li class="active"><a href="{{ menu.url }}">{{ menu.title }}</a></li>
  </ol>
</section>
    <!-- Main content -->
  <section class="content">
     <div id="devlist">
        <div class="box box-primary" id="liebiao">
            <div class="box-header">
                <div class="btn-group pull-left">
                    <button type="button" id="btnRefresh" class="btn btn-success">
                        <i class="glyphicon glyphicon-repeat"></i>刷新
                    </button>
                </div>
                <div class="btn-group pull-left">&nbsp</div>
                <div class="btn-group pull-left">
                    <button type="button" id="btnCreate" class="btn btn-primary">
                        <i class="glyphicon glyphicon-plus"></i>新增
                    </button>
                </div>
                <div class="btn-group pull-left">&nbsp</div>
                <div class="btn-group pull-left">
                    <button type="button" id="btnDelete" class="btn btn-danger">
                        <i class="glyphicon glyphicon-trash"></i>删除
                    </button>
                </div>
            </div>
            <div class="box-body">
                <table id="dtbList" class="display" cellspacing="0" width="100%">
                    <thead>
                    <tr valign="middle">
                        <th><input type="checkbox" id="checkAll"></th>
                        <th>ID</th>
                        <th>名称</th>
                        <th>类别</th>
                        <th>所属</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
                <br> <br>
            </div>
        </div>
     </div>
  </section>

    <!-- /.content -->

{% endblock %}

{% block javascripts %}
  <script src="{% static 'plugins/datatables/jquery.dataTables.min.js' %}"></script>
  <script src="{% static 'plugins/datatables/dataTables.const.js' %}"></script>
  <script src="{% static 'js/plugins/layer/layer.js' %}"></script>
  <!-- iCheck 1.0.1 -->
  <script type="text/javascript">

        var oDataTable=null;
        $(function() {
            $('#SYSTEM-BASIC').addClass('active');
            $('#SYSTEM-BASIC-STRUCTURE').addClass('active');

            oDataTable = initTable();

            function initTable() {
                var oTable=$('#dtbList').DataTable($.extend(true,{},
                                DATATABLES_CONSTANT.DATA_TABLES.DEFAULT_OPTION,
                                {
                                ajax : {
                                        "url":"{% url 'system-basic:structure-list' %}",
                                        "data":function ( d ) {
                                            d.select=$("#select").val();
                                        }
                                },
                                columns : [
                                        DATATABLES_CONSTANT.DATA_TABLES.COLUMN.CHECKBOX,
                                        {
                                            data : "id",
                                            width : "5%",
                                        },
                                        {
                                            data : "title",//parent
                                            width : "20%",
                                        },

                                        {
                                            data : "type",
                                            render : function(data, type, row, meta) {
                                                if (data=='firm'){
                                                    return "单位";
                                                }else if(data=='department'){
                                                    return "部门";
                                                }
                                            }
                                        },
                                        {
                                            data : "parent__title",
                                        },

                                        {
                                            data : "id",
                                            width : "12%",
                                            bSortable : "false",
                                            render : function(data, type, row, meta) {
                                                var ret="";
                                                var ret="<button title='详情-编辑' onclick='doUpdate("
                                                + data + ")'><i class='glyphicon glyphicon-pencil'></i></button>";
                                                ret=ret+"<button title='关联用户' onclick='doAddUser("
                                                    + data + ")'><i class='glyphicon glyphicon-user'></i></button>";
                                                 ret=ret+"<button title='删除' onclick='doDelete("
                                                    + data + ")'><i class='glyphicon glyphicon-trash'></i></button>";
                                                return ret;
                                            }
                                        } ],
                                "order":[
                            [1, 'id']
                               ],
                                }));
                return oTable;
            }

            //checkbox全选
            $("#checkAll").on("click", function () {
                if ($(this).prop("checked") === true) {
                    $("input[name='checkList']").prop("checked", $(this).prop("checked"));
                    $('#example tbody tr').addClass('selected');
                } else {
                    $("input[name='checkList']").prop("checked", false);
                    $('#example tbody tr').removeClass('selected');
                }
            });

            //新增
            $("#btnCreate").click(function() {
                layer.open({
                    type : 2,
                    title : '新增',
                    shadeClose : false,
                    maxmin : true,
                    area : [ '800px', '400px' ],
                    content : "{% url 'system-basic:structure-detail' %}",
                    end : function() {
                        //关闭时做的事情
                        oDataTable.ajax.reload();
                    }
                });
            });

            //刷新
            $("#btnRefresh").click(function(){
                oDataTable.ajax.reload();
            });

            //批量删除
            $("#btnDelete").click(function() {
                if ($("input[name='checkList']:checked").length == 0){
                    layer.msg("请选择要删除的记录");
                    return ;
                }

                var arrId= new Array();
                $("input[name='checkList']:checked").each(function(){
                    //alert($(this).val());
                    arrId.push($(this).val());
                });

                sId=arrId.join(',');

                layer.alert('用户组下的用户也将会被删除，确定删除吗？', {
                    title:'提示'
                    ,icon: 3 //0:感叹号 1：对号 2：差号 3：问号 4：小锁 5：哭脸 6：笑脸
                    ,time: 0 //不自动关闭
                    ,btn: ['YES', 'NO']
                    ,yes: function(index){
                        layer.close(index);
                        $.ajax({
                            type: "POST",
                            url : "{% url 'system-basic:structure-delete' %}",
                            data : {"id":sId, csrfmiddlewaretoken: '{{ csrf_token }}'},
                            cache: false,
                            success : function(msg) {
                                if (msg.result){
                                    layer.alert("操作成功",{icon:1});
                                    oDataTable.ajax.reload();
                                }else{
                                    //alert(msg.message);
                                    layer.alert("操作失败",{icon:2});
                                }
                                return ;
                            }
                        });
                    }
                });
            });


        });

        //编辑组织
        function doUpdate(id){
            layer.open({
                type : 2,
                title : '编辑',
                shadeClose : false,
                maxmin : true,
                area : [ '800px', '400px' ],
                content : [ "{% url 'system-basic:structure-detail' %}"+'?id='+id, 'no' ],
                end : function() {
                    oDataTable.ajax.reload();
                }
            });
        }

        //删除单个数据
        function doDelete(id){
            layer.alert('当前组内用户也会被删除，确定删除吗？', {
                title:'提示'
                ,icon: 3 //0:感叹号 1：对号 2：差号 3：问号 4：小锁 5：哭脸 6：笑脸
                ,time: 0 //不自动关闭
                ,btn: ['YES', 'NO']
                ,yes: function(index){
                    layer.close(index);
                    $.ajax({
                        type: "POST",
                        url : "{% url 'system-basic:structure-delete' %}",
                        data : {"id":id, csrfmiddlewaretoken: '{{ csrf_token }}'},  //防止post数据时报 csrf_token 403
                        cache: false,
                        success : function(msg) {
                            if (msg.result){
                                layer.alert('删除成功',{icon: 1});
                                oDataTable.ajax.reload();
                            }else{
                                //alert(msg.message);
                                layer.alert('删除失败', {icon: 2});
                            }
                            return ;
                        }
                    });
                }
            });

        }

        //关联用户
        function doAddUser(id){
            layer.open({
                type : 2,
                title : '编辑',
                shadeClose : false,
                maxmin : true,
                area : [ '800px', '600px' ],
                content : [ "{% url 'system-basic:structure-add_user' %}"+'?id='+id, 'no' ],
                end : function() {
                    window.location.reload();
                }
            });
        }

</script>
{% endblock %}
